<template>
  <div class="match">
    <img class="imagess" src="./images/2.png" alt="" />
    <div class="insert">
      <h1>往期比赛</h1>
      <h2>更多</h2>
      <li>
        <img src="./images/1.png" alt="" />
        <h3>蓝桥杯大赛</h3>
        <h4>10135人参赛</h4>
      </li>
      <li>
        <img class="img_2" src="./images/25.png" alt="" />
        <h3>计算机设计大赛</h3>
        <h4>6542人参赛</h4>
      </li>
      <li>
        <img class="img_2" src="./images/26.png" alt="" />
        <h3>微信小程序大赛</h3>
        <h4>688人参赛</h4>
      </li>
      <li>
        <img class="img_1" src="./images/24.png" alt="" />
        <h3>计算机职业资格</h3>
        <h4>455人参赛</h4>
      </li>
      <li>
        <img class="img_1" src="./images/27.png" alt="" />
        <h3>Alexa Prize</h3>
        <h4>320人参赛</h4>
      </li>
    </div>
    <div class="content">
      <div class="con">
        <img class="image1" src="./images/3.jpg" alt="" />
        <div class="center">
          <h2>参加这场 1 小时 30 分的竞赛</h2>
          <h1>第 521 场比赛</h1>
          <h3 class="h3">中国时间：2022-05-01：14:30 ~ 16:00</h3>
          <div class="cen">
            <i class="el-icon-date"></i>
            <h3>添加到日程表</h3>
          </div>
          <div class="bottom">
            <i class="el-icon-time"></i>
            <h4>距离开始还有：</h4>
            <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
          </div>
        </div>
      </div>
      <img class="image2" src="./images/3.png" alt="" />
      <div class="cons">
        <img class="image3" src="./images/4.jpg" alt="" />
        <div class="center">
          <h2>参加这场 2 小时 00 分的竞赛</h2>
          <h1>第 300 场比赛</h1>
          <h3 class="h3">中国时间：2022-05-18：9:30 ~ 11:30</h3>
          <div class="cen">
            <i class="el-icon-date"></i>
            <h3>添加到日程表</h3>
          </div>
          <div class="bottom">
            <i class="el-icon-time"></i>
            <h4>距离开始还有：</h4>
            <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
          </div>
        </div>
      </div>
    </div>
    <div class="cont">
      <div class="left">
        <el-carousel :interval="4000" type="card" height="400px">
          <el-carousel-item v-for="item in imagebox" :key="item.id">
            <img :src="item.idView" />
          </el-carousel-item>
        </el-carousel>
        <div class="bottom">
          <svg
            t="1650874306759"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="19371"
            width="64"
            height="64"
          >
            <path
              d="M1014.31475 168.3l-50 22.5c-2.3 1-5 0.7-6.9-0.8l-50.2-38.9c-0.2-0.2-0.6-0.5-0.8-0.7l-51.7-54.1c-1.1-1.1-2.7-1.9-4.3-2l-33.6-3c-1.5-0.1-3.1 0.2-4.3 1.1l-28.4 18.7c-1.4 0.9-2.4 2.3-2.8 3.8l-19.7 66.9c-0.6 2-2 3.6-4 4.4l-22.5 9c-2.6 1-4.3 3.5-4.3 6.4v23.1c0 3.2 2.3 6 5.3 6.7l46.1 9.9c5.9 1.3 7.4 9.1 2.3 12.4l-44.8 29c-0.2 0.1-0.5 0.3-0.7 0.5l-97.1 80.9c-1.1 1-2.6 1.5-4.1 1.6l-43.4 1.6c-0.9 0-1.7 0.2-2.5 0.6l-42.1 18.7c-1.8 0.8-4 0.8-5.7-0.1l-56-27.1c-0.7-0.3-1.4-0.6-2.2-0.7l-73.4-8.8c-2.5-0.3-4.6-1.9-5.5-4.2l-10.4-25.4c-0.7-1.6-1.8-2.8-3.4-3.5l-63.4-30.5c-2.2-1-3.6-3.1-3.9-5.5l-1.3-13.7v-0.8l0.8-29c0-1.4-0.3-2.6-1-3.8l-27-43.1c-1.9-3.1-6-4.1-9.2-2.3l-43.9 26.1c-0.5 0.3-0.9 0.7-1.4 1l-9.8 9.8c-1.5 1.5-3.6 2.2-5.8 1.9l-22.3-3.1c-3-0.5-5.9 1.3-7.2 4l-10.6 23.7c-1.1 2.5-3.6 4.1-6.4 4l-28.8-0.7c-3.1-0.1-5.8 1.9-6.7 4.8l-16.2 52.7c-0.7 2.4-2.7 4.2-5.1 4.7l-76.7 16.2c-0.3 0.1-0.7 0.1-1 0.3L4.41475 349.2c-3.1 1.1-4.9 4.3-4.3 7.6l3.2 17.6c0.1 0.5 0.2 0.9 0.3 1.3l27.9 70.8c0 0.1 0.1 0.2 0.1 0.3 1.6 3.4 25.9 56 25.6 61.2-0.3 4.4-12.4 35.5-16.6 46-0.9 2.2-0.6 4.7 0.8 6.5l10.9 15c0.3 0.5 0.7 0.9 1.1 1.3l91.7 76.5c0.5 0.5 1 0.7 1.6 1L288.41475 717c1.4 0.6 2.8 0.7 4.2 0.5l85-18.5c1.6-0.3 3.3-0.1 4.8 0.7l33.1 18.2c2.8 1.6 4.2 4.9 3.2 8l-20.1 65.4c-0.8 2.6 0 5.5 2.2 7.2l72.9 61.8c1.9 1.6 4.6 2 6.9 1.1l89.6-35.6c1.9-0.8 4.2-0.6 6 0.6l58.4 35.6c0.2 0.1 0.3 0.2 0.6 0.3l26.2 19.6c0.6 0.5 1.3 0.8 1.9 1l11.5 3.8c4.1 1.4 8.4-1.4 8.9-5.7l1.3-11.9c0.2-2.2 1.5-4.2 3.5-5.2l146.4-80.8c1.1-0.7 2.2-1.6 2.7-2.8l52.1-100.6c0.6-1 0.8-2.2 0.8-3.3l-2.4-80.3c0-1.5-0.6-3-1.6-4.1l-31-37.4-22.2-28.1c-1.9-2.5-1.9-6 0.1-8.5l34-41.4c0.7-0.8 1.5-1.4 2.4-1.8 5.7-2.7 5-11-1.1-12.7l-15.6-4.3c-0.6-0.1-1.1-0.2-1.8-0.2h-41.8c-2.2 0-4.2-1-5.5-2.7l-10.2-14.1c-2.2-3-1.6-7.2 1.3-9.4l50.5-39.6c4.6-3.6 11.3-0.1 11 5.7l-0.5 9c-0.2 5.1 4.9 8.6 9.6 6.6l21.4-9.6c0.7-0.3 1.3-0.7 1.7-1.1l100.6-89.6c1.3-1.1 2.2-2.7 2.3-4.6l4.4-53.5c0.2-3.4 3.1-6.1 6.5-6.3l10.1-0.3c3.5-0.1 6.3-2.8 6.5-6.4l4.8-66.1c0.3-5.7-5-9.5-9.7-7.3zM891.41475 760.5l-14.6 44.4 18.8 26.4 14.6-28.1 11.2-29.8-7.7-21.3-22.3 8.4zM654.71475 902.9l-20.5 12.7 14.6 17.1 18.8-4.2L689.01475 908l-6.8-11.9-27.5 6.8z"
              fill="#dbdbdb"
              p-id="19372"
            ></path>
          </svg>
          <h1>全国排名</h1>
          <li class="li_1">
            <img src="./images/20.png" alt="" />
            <button><span>int54</span></button>
            <svg
              t="1650887843333"
              class="icon1"
              viewBox="0 0 1067 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="20101"
              width="32"
              height="32"
            >
              <path
                d="M474.852327 657.713937c-5.753512-1.063149-11.444485-2.251374-17.10419-3.627214-0.125076-0.031269-0.218884-0.062538-0.34396-0.062538-11.913521-2.939294-23.514352-6.660315-34.802491-11.069256-0.562844-0.218884-1.156956-0.469036-1.7198-0.68792-5.440821-2.157567-10.787834-4.44021-16.041041-6.910468-0.031269-0.031269-0.062538-0.031269-0.125076-0.062538a285.283498 285.283498 0 0 1-31.831929-17.479419c-0.34396-0.218884-0.656651-0.437767-1.00061-0.656651a309.188714 309.188714 0 0 1-14.633932-9.974838l-78.516673 217.413949 96.308782-32.300965 34.052034 87.272017 85.896177-218.883596c-6.003664-0.656651-11.913521-1.532185-17.79211-2.564065-0.750458-0.125076-1.563454-0.281422-2.345181-0.406498zM696.769024 606.870404c-1.188225 0.875534-2.40772 1.7198-3.627214 2.595334-3.627214 2.564065-7.285697 5.034323-11.006718 7.442043-1.094418 0.68792-2.188836 1.407109-3.283254 2.126297a289.482936 289.482936 0 0 1-30.674972 16.603885c-0.719189 0.312691-1.407109 0.625382-2.126298 0.969341a273.010382 273.010382 0 0 1-15.196775 6.410163c-0.406498 0.156345-0.812996 0.312691-1.219495 0.500305a283.917039 283.917039 0 0 1-35.55295 11.006718c-0.093807 0.031269-0.218884 0.062538-0.31269 0.062538-6.128741 1.469647-12.32002 2.72041-18.573837 3.78356l86.834249 221.228777 40.524735-85.083181 89.836081 30.143398-82.331501-227.95163c-4.346403 3.470868-8.786613 6.879199-13.289361 10.162452zM526.790277 126.264566c-136.645902 0-247.8075 111.161598-247.807499 247.807499s111.161598 247.8075 247.807499 247.8075 247.8075-111.161598 247.8075-247.8075-111.161598-247.8075-247.8075-247.807499z m0 418.505435c-94.119946 0-170.697936-76.577989-170.697935-170.697936s76.577989-170.697936 170.697935-170.697935 170.697936 76.577989 170.697936 170.697935-76.54672 170.697936-170.697936 170.697936z"
                fill="#D81234"
                p-id="20102"
              ></path>
              <path
                d="M526.790277 223.667766c-82.925614 0-150.404299 67.478686-150.404299 150.404299 0 82.925614 67.478686 150.404299 150.404299 150.4043 82.925614 0 150.404299-67.478686 150.4043-150.4043 0-82.925614-67.447417-150.404299-150.4043-150.404299z m45.840479 220.947356l-45.840479-24.108465-45.840479 24.108465 8.755344-51.062416-37.085135-36.147063 51.250031-7.442042 22.920239-46.434592 22.92024 46.434592 51.25003 7.442042-37.085135 36.147063 8.755344 51.062416z"
                fill="#D81234"
                p-id="20103"
              ></path>
            </svg>
          </li>
          <li class="li_2">
            <img src="./images/20.png" alt="" />
            <button><span>boby12</span></button>
          </li>
          <li class="li_3">
            <img src="./images/20.png" alt="" />
            <button><span>bb5441</span></button>
          </li>
        </div>
        <ul class="btm">
          <li>
            <h1>4</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>范晓凯</h2>
            <h3>已经参加竞赛50次</h3>
            <img class="img2" src="./images/23.png" alt="" />
            <svg
              t="1650978132228"
              class="icon"
              viewBox="0 0 2935 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="6268"
              width="80"
              height="80"
            >
              <path
                d="M2794.359467 0l-46.421334 232.311467c91.067733 55.842133 151.074133 178.3808 144.042667 307.6096-8.3968 155.921067-112.503467 286.856533-241.664 293.341866l-12.561067 0.2048-1867.025066 0.6144-4.027734-2.730666-163.0208 134.417066a109.226667 109.226667 0 0 1-141.5168-2.2528L111.547733 655.5648A318.122667 318.122667 0 0 1 546.133333 191.829333a318.122667 318.122667 0 0 1 464.213334 8.738134l1374.0032-0.068267L2580.0704 0h214.289067zM249.787733 245.418667A181.589333 181.589333 0 0 0 136.533333 413.696l0.477867 13.312c3.413333 48.128 26.2144 93.184 64.648533 125.952l333.141334 292.6592 342.016-281.873067 16.110933-12.6976a181.589333 181.589333 0 0 0-248.900267-263.9872L546.133333 387.754667 448.238933 287.061333a181.589333 181.589333 0 0 0-198.4512-41.642666z m2454.186667-173.602134H2630.314667l-434.722134 453.0176-14.9504 74.5472h343.108267l-30.9248 154.8288h74.5472l30.9248-154.8288h110.865067l12.834133-64.034133H2611.2l92.7744-463.530667zM1636.693333 290.338133a186.026667 186.026667 0 0 0-93.3888 24.7808c-27.8528 15.906133-49.902933 33.9968-66.1504 54.340267a167.253333 167.253333 0 0 0-26.282666 41.984c-5.597867 12.629333-12.970667 34.2016-21.845334 64.853333l-3.959466 13.653334-10.376534 37.410133c-11.4688 43.008-18.090667 72.635733-19.729066 88.746667a112.503467 112.503467 0 0 0-0.4096 23.552c0.955733 6.007467 2.184533 12.288 3.549866 18.978133 5.12 20.343467 17.339733 38.229333 36.6592 53.725867 18.705067 16.110933 45.329067 24.576 79.6672 25.3952a193.877333 193.877333 0 0 0 94.481067-25.3952 214.357333 214.357333 0 0 0 64.853333-53.725867c10.308267-10.6496 19.319467-24.849067 26.965334-42.530133 6.621867-15.701333 15.7696-44.373333 27.306666-85.879467l4.5056-16.1792 9.4208-35.157333c5.3248-20.753067 9.284267-37.546667 11.810134-50.244267l1.365333-7.168 1.570133-10.0352c1.911467-17.339733 0.6144-31.3344-3.959466-41.984-4.7104-20.343467-16.384-38.434133-35.2256-54.340267-18.978133-16.110933-45.8752-24.3712-80.827734-24.7808z m-190.2592 3.6864h-307.882666l-16.247467 59.392h120.4224l-104.0384 380.7232h67.037867l104.0384-380.654933h120.4224l16.247466-59.460267z m583.543467 0h-159.402667l-120.285866 440.1152h66.696533l46.967467-171.758933h101.444266c45.4656-0.8192 83.831467-15.291733 115.0976-43.485867 30.242133-26.760533 49.834667-56.456533 58.709334-89.088 6.621867-24.098133 7.850667-45.056 3.618133-62.805333-3.618133-18.295467-11.0592-32.3584-22.254933-42.1888a95.4368 95.4368 0 0 0-41.7792-25.941333 235.451733 235.451733 0 0 0-48.810667-4.846934z m-411.511467 63.0784c15.837867 0.4096 28.740267 3.4816 38.843734 9.352534a55.7056 55.7056 0 0 1 16.725333 16.110933l3.618133 6.485333 3.208534 6.007467a65.536 65.536 0 0 1 4.642133 30.5152c-0.887467 10.786133-4.232533 27.989333-10.0352 51.746133l-3.140267 12.424534-6.485333 24.302933c-11.810133 43.281067-21.2992 72.567467-28.535467 87.8592a116.872533 116.872533 0 0 1-19.8656 29.4912l-8.055466 7.645867-5.7344 5.188266c-7.850667 6.690133-16.7936 12.288-26.897067 16.861867a98.440533 98.440533 0 0 1-44.032 9.898667c-15.701333 0-28.330667-3.2768-37.751467-9.898667a52.497067 52.497067 0 0 1-21.777066-22.050133c-6.075733-9.489067-8.3968-21.845333-7.031467-37.137067 0.682667-10.513067 3.8912-27.579733 9.6256-51.2l3.072-12.356267 6.485333-24.302933c11.810133-43.281067 21.504-72.772267 29.013334-88.4736 6.826667-14.882133 15.906133-27.0336 27.170133-36.522667 9.557333-9.0112 20.821333-16.5888 33.928533-22.596266 12.9024-5.870933 27.2384-8.942933 43.008-9.352534zM2608.9472 174.08l-72.2944 361.2672h-277.162667l346.589867-361.2672h2.8672z m-592.554667 182.954667c18.158933-0.341333 32.9728 3.754667 44.305067 12.424533a37.546667 37.546667 0 0 1 15.223467 21.435733c2.048 10.0352 1.160533 22.459733-2.8672 37.137067-4.846933 17.749333-15.223467 33.792-30.993067 48.264533-14.199467 12.765867-31.402667 20.206933-51.746133 22.3232l-10.376534 0.682667h-98.7136l38.843734-142.199467h96.256zM274.2272 319.010133a17.066667 17.066667 0 0 1-4.642133 23.688534c-45.056 30.173867-52.906667 70.314667-23.483734 127.112533a17.066667 17.066667 0 1 1-30.3104 15.701333c-37.000533-71.543467-25.463467-130.8672 34.816-171.2128a17.066667 17.066667 0 0 1 23.620267 4.7104z"
                fill="#FF4F4F"
                p-id="6269"
              ></path>
            </svg>
          </li>
          <li>
            <h1>5</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>孟书宇</h2>
            <h3>已经参加竞赛3次</h3>
            <img class="img2" src="./images/22.png" alt="" />
            <svg
              t="1650978358666"
              class="icon"
              viewBox="0 0 2935 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="8706"
              width="80"
              height="80"
            >
              <path
                d="M2813.405867 0l-40.96 214.903467h-97.348267c130.048 23.893333 225.6896 174.6944 216.951467 335.940266-8.465067 155.921067-112.64 286.9248-241.732267 293.341867l-12.561067 0.273067-189.781333 0.068266a377.2416 377.2416 0 0 1-82.056533 8.8064c-25.873067 0-50.312533-2.8672-73.1136-8.738133l-1522.0736 0.4096-4.027734-2.730667-163.0208 134.417067a109.226667 109.226667 0 0 1-141.5168-2.2528L111.547733 666.487467A318.122667 318.122667 0 0 1 546.133333 202.752a318.122667 318.122667 0 0 1 464.213334 8.738133h1283.754666L2373.973333 0h439.432534zM249.787733 256.4096A181.589333 181.589333 0 0 0 136.533333 424.618667l0.477867 13.312c3.413333 48.128 26.2144 93.184 64.648533 125.952l333.141334 292.6592 342.016-281.873067 16.110933-12.6976a181.589333 181.589333 0 0 0-248.900267-263.9872L546.133333 398.677333 448.238933 297.984a181.589333 181.589333 0 0 0-198.4512-41.642667zM2730.871467 68.266667h-309.6576L2286.250667 425.710933c66.1504-26.146133 122.197333-39.185067 168.004266-39.185066 45.8752 0 79.6672 13.994667 101.444267 42.052266 21.7088 27.989333 28.4672 63.6928 20.206933 107.042134a210.1248 210.1248 0 0 1-70.0416 121.856c-37.4784 32.768-77.824 49.220267-121.173333 49.220266-32.494933 0-59.528533-10.24-81.169067-30.583466-21.572267-20.411733-32.904533-49.698133-33.928533-87.927467h-83.1488c-3.345067 61.166933 11.400533 109.226667 44.2368 144.315733 32.768 35.0208 77.892267 52.565333 135.236267 52.565334 74.5472 0 138.717867-24.029867 192.512-72.157867 53.725867-48.128 87.04-105.949867 99.874133-173.4656 12.9024-67.584 2.730667-123.153067-30.3104-166.775467-33.109333-43.690667-80.554667-65.467733-142.404267-65.467733-24.1664 0-50.653867 3.4816-79.394133 10.513067l64.170667-171.076267h245.5552L2730.939733 68.266667zM1636.693333 301.329067a186.026667 186.026667 0 0 0-93.3888 24.712533c-27.8528 15.906133-49.902933 34.065067-66.1504 54.340267a167.253333 167.253333 0 0 0-26.282666 41.984c-5.597867 12.629333-12.970667 34.2016-21.845334 64.853333l-3.959466 13.653333-10.376534 37.410134c-11.4688 43.076267-18.090667 72.635733-19.729066 88.746666a112.503467 112.503467 0 0 0-0.4096 23.552c0.955733 6.007467 2.184533 12.356267 3.549866 18.978134 5.12 20.343467 17.339733 38.229333 36.6592 53.794133 18.705067 16.042667 45.329067 24.576 79.6672 25.326933a193.877333 193.877333 0 0 0 94.481067-25.326933 214.357333 214.357333 0 0 0 64.853333-53.794133c10.308267-10.6496 19.319467-24.849067 26.965334-42.530134 6.621867-15.701333 15.7696-44.373333 27.306666-85.879466l4.5056-16.1792 9.4208-35.157334c5.3248-20.753067 9.284267-37.4784 11.810134-50.244266l1.365333-7.168 1.570133-10.0352c1.911467-17.339733 0.6144-31.266133-3.959466-41.984-4.7104-20.2752-16.384-38.434133-35.2256-54.340267-18.978133-16.110933-45.8752-24.302933-80.827734-24.712533z m-190.2592 3.618133h-307.882666l-16.247467 59.392h120.4224l-104.0384 380.7232h67.037867l104.0384-380.654933h120.4224l16.247466-59.460267z m583.543467 0h-159.402667l-120.285866 440.1152h66.696533l46.967467-171.758933h101.444266c45.4656-0.8192 83.831467-15.291733 115.0976-43.485867 30.242133-26.760533 49.834667-56.456533 58.709334-89.019733 6.621867-24.1664 7.850667-45.056 3.618133-62.805334-3.618133-18.295467-11.0592-32.426667-22.254933-42.325333a95.4368 95.4368 0 0 0-41.7792-25.941333 235.451733 235.451733 0 0 0-48.810667-4.778667z m-411.511467 63.0784c15.837867 0.4096 28.740267 3.549867 38.843734 9.352533a55.7056 55.7056 0 0 1 16.725333 16.110934l3.618133 6.5536 3.208534 6.007466a65.536 65.536 0 0 1 4.642133 30.5152c-0.887467 10.717867-4.232533 27.989333-10.0352 51.746134l-3.140267 12.356266-6.485333 24.302934c-11.810133 43.281067-21.2992 72.567467-28.535467 87.8592a116.872533 116.872533 0 0 1-19.8656 29.4912l-8.055466 7.645866-5.7344 5.256534c-7.850667 6.690133-16.7936 12.288-26.897067 16.7936a98.440533 98.440533 0 0 1-44.032 9.966933c-15.701333 0-28.330667-3.345067-37.751467-9.966933a52.497067 52.497067 0 0 1-21.777066-22.050134c-6.075733-9.489067-8.3968-21.845333-7.031467-37.137066 0.682667-10.4448 3.8912-27.511467 9.6256-51.2l3.072-12.288 6.485333-24.3712c11.810133-43.2128 21.504-72.704 29.013334-88.405334 6.826667-14.882133 15.906133-27.101867 27.170133-36.522666 9.557333-9.079467 20.821333-16.657067 33.928533-22.664534 12.9024-5.802667 27.2384-8.942933 43.008-9.352533z m397.858134 0c18.2272-0.4096 33.041067 3.754667 44.373333 12.356267a37.546667 37.546667 0 0 1 15.223467 21.435733c2.048 10.103467 1.160533 22.459733-2.8672 37.137067-4.846933 17.749333-15.223467 33.792-30.993067 48.3328-14.199467 12.765867-31.402667 20.206933-51.746133 22.3232l-10.376534 0.6144h-98.7136l38.843734-142.199467h96.256zM274.295467 329.864533a17.066667 17.066667 0 0 1-4.642134 23.688534c-45.056 30.173867-52.906667 70.314667-23.483733 127.112533a17.066667 17.066667 0 1 1-30.3104 15.701333c-37.000533-71.543467-25.463467-130.798933 34.816-171.2128a17.066667 17.066667 0 0 1 23.620267 4.7104z"
                fill="#FF4F4F"
                p-id="8707"
              ></path>
            </svg>
          </li>
          <li>
            <h1>6</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>孟书帆</h2>
            <h3>已经参加竞赛3次</h3>
            <img class="img2" src="./images/21.png" alt="" />
            <svg
              t="1650978384957"
              class="icon"
              viewBox="0 0 2752 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="9579"
              width="80"
              height="80"
            >
              <path
                d="M2404.864 0l161.728 114.304-113.664 134.08h19.968c139.264-0.768 247.36 152.768 238.4 318.144-7.936 146.176-105.6 268.928-226.624 275.008l-11.776 0.192-1750.336 0.576-3.776-2.56-152.832 126.016a102.4 102.4 0 0 1-132.672-2.112l-328.704-288.704A298.24 298.24 0 0 1 512 240.256a298.24 298.24 0 0 1 435.2 8.192l1244.992-0.064L2404.864 0zM234.24 290.432A170.24 170.24 0 0 0 128 448.192l0.448 12.48c3.2 45.12 24.576 87.36 60.608 118.08l312.32 274.368 320.64-264.256 15.104-11.904a170.24 170.24 0 0 0-233.344-247.488L512 423.808 420.224 329.472a170.24 170.24 0 0 0-186.048-39.04zM2418.56 88l-222.912 291.2c-32.704 43.008-55.488 78.4-68.288 106.24-12.8 27.712-20.416 54.784-22.912 81.024-5.184 55.04 9.024 101.568 42.752 139.776 33.728 38.272 78.528 57.344 134.4 57.344 55.808 0 105.088-18.816 147.776-56.448 42.688-37.632 66.56-83.776 71.808-138.432 5.12-54.656-8.32-100.928-40.64-138.88-32.256-37.888-72.256-56.896-120-56.896-22.144 0-45.824 4.224-71.104 12.544l198.784-263.424-49.664-34.048zM1534.4 332.544a174.4 174.4 0 0 0-87.552 23.232c-26.112 14.912-46.784 31.872-62.016 50.944a156.8 156.8 0 0 0-24.64 39.36c-5.248 11.776-12.16 32.064-20.48 60.8l-3.712 12.8-9.728 35.072c-10.752 40.32-16.96 68.096-18.496 83.2a105.472 105.472 0 0 0-0.384 22.08c0.896 5.632 2.048 11.52 3.328 17.792 4.8 19.072 16.256 35.84 34.368 50.368 17.536 15.104 42.496 23.04 74.688 23.808a181.76 181.76 0 0 0 88.576-23.808 200.96 200.96 0 0 0 60.8-50.368c9.664-9.984 18.112-23.296 25.28-39.872 6.208-14.72 14.784-41.6 25.6-80.512l4.224-15.168 8.832-32.96c4.992-19.456 8.704-35.2 11.072-47.104l1.28-6.72 1.472-9.408c1.792-16.256 0.576-29.376-3.712-39.36-4.416-19.072-15.36-36.032-33.024-50.944-17.792-15.104-43.008-22.848-75.776-23.232z m-178.368 3.392h-288.64l-15.232 55.808h112.896l-97.536 356.864h62.848l97.536-356.864h112.896l15.232-55.808z m547.072 0h-149.44l-112.768 412.672h62.528l44.032-161.024h95.104c42.624-0.768 78.592-14.336 107.904-40.768 28.352-25.088 46.72-52.928 55.04-83.52 6.208-22.592 7.36-42.24 3.392-58.88-3.392-17.152-10.368-30.336-20.864-39.552a89.472 89.472 0 0 0-39.168-24.32 220.736 220.736 0 0 0-45.76-4.608z m412.288 94.336c37.632 0 68.352 13.184 92.16 39.424 23.744 26.304 33.92 58.24 30.272 95.872a143.744 143.744 0 0 1-48.96 95.872c-29.056 26.304-62.08 39.424-99.136 39.424s-67.584-13.12-91.712-39.424c-24.064-26.24-34.304-58.24-30.72-95.872a144.512 144.512 0 0 1 48.448-95.872c28.8-26.24 62.016-39.424 99.648-39.424z m-798.08-35.2c14.848 0.448 26.944 3.328 36.416 8.832a52.224 52.224 0 0 1 15.68 15.104l3.392 6.08 3.008 5.632a61.44 61.44 0 0 1 4.352 28.608c-0.832 10.112-3.968 26.24-9.408 48.512l-2.944 11.648-6.08 22.784c-11.072 40.576-19.968 68.032-26.752 82.368a109.568 109.568 0 0 1-18.624 27.648l-7.552 7.168-5.376 4.864c-7.36 6.272-15.744 11.52-25.216 15.808a92.288 92.288 0 0 1-41.28 9.28c-14.72 0-26.56-3.072-35.392-9.28a49.216 49.216 0 0 1-20.416-20.672c-5.696-8.896-7.872-20.48-6.592-34.816 0.64-9.856 3.648-25.856 9.024-48l2.88-11.584 6.08-22.784c11.072-40.576 20.16-68.224 27.2-82.944 6.4-13.952 14.912-25.344 25.472-34.24 8.96-8.448 19.52-15.552 31.808-21.184 12.096-5.504 25.536-8.384 40.32-8.768z m372.992 0c17.088-0.32 30.976 3.52 41.6 11.648a35.2 35.2 0 0 1 14.272 20.096c1.92 9.408 1.088 21.056-2.688 34.816-4.544 16.64-14.272 31.68-29.056 45.248-13.312 11.968-29.44 18.944-48.512 20.928l-9.728 0.64h-92.544l36.416-133.312h90.24zM257.152 359.424a16 16 0 0 1-4.352 22.144c-42.24 28.352-49.6 65.92-22.016 119.232a16 16 0 1 1-28.416 14.72c-34.688-67.072-23.872-122.688 32.64-160.512a16 16 0 0 1 22.144 4.416z"
                fill="#FF4F4F"
                p-id="9580"
              ></path>
            </svg>
          </li>
          <li>
            <h1>7</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>范晓凯</h2>
            <h3>已经参加竞赛50次</h3>
            <svg
              t="1650978408036"
              class="icon"
              viewBox="0 0 2752 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="10447"
              width="80"
              height="80"
            >
              <path
                d="M2611.584 0L2492.8 228.16c129.536 13.056 227.008 159.744 218.496 317.12-7.936 146.176-105.6 268.928-226.624 275.008l-11.776 0.192-288.576 0.064-2.56 5.12-9.472-5.12-1449.728 0.512-3.776-2.56-152.832 126.016a102.4 102.4 0 0 1-132.672-2.112l-328.704-288.704A298.24 298.24 0 0 1 512 219.008a298.24 298.24 0 0 1 435.2 8.192l1073.6-0.064v-25.664h-2.56V0h593.28zM234.176 269.184A170.24 170.24 0 0 0 128 426.944l0.448 12.48c3.2 45.12 24.576 87.36 60.608 118.08l312.32 274.368 320.64-264.256 15.104-11.904a170.24 170.24 0 0 0-233.344-247.488L512 402.56 420.224 308.224a170.24 170.24 0 0 0-186.048-39.04zM2506.112 64h-423.808v73.472h304.64l-295.68 567.168 63.616 34.048L2506.112 64zM1534.4 311.36a174.4 174.4 0 0 0-87.552 23.168c-26.112 14.912-46.784 31.872-62.016 50.944a156.8 156.8 0 0 0-24.64 39.36c-5.248 11.84-12.16 32.064-20.48 60.8l-3.712 12.8-9.728 35.072c-10.752 40.32-16.96 68.096-18.496 83.2a105.472 105.472 0 0 0-0.384 22.08c0.896 5.632 2.048 11.584 3.328 17.792 4.8 19.072 16.256 35.84 34.368 50.368 17.536 15.104 42.496 23.04 74.688 23.808a181.76 181.76 0 0 0 88.576-23.808 200.96 200.96 0 0 0 60.8-50.368c9.664-9.984 18.112-23.296 25.28-39.872 6.208-14.72 14.784-41.6 25.6-80.512l4.224-15.168 8.832-32.96c4.992-19.456 8.704-35.2 11.072-47.104l1.28-6.72 1.472-9.408c1.792-16.256 0.576-29.376-3.712-39.36-4.416-19.072-15.36-36.032-33.024-50.944-17.792-15.104-43.008-22.848-75.776-23.168z m-178.368 3.392h-288.64l-15.232 55.68h112.896l-97.536 356.928h62.848l97.536-356.864h112.896l15.232-55.744z m547.072 0h-149.44l-112.768 412.608h62.528l44.032-161.024h95.104c42.624-0.768 78.592-14.336 107.904-40.768 28.352-25.088 46.72-52.928 55.04-83.52 6.208-22.592 7.36-42.24 3.392-58.88-3.392-17.152-10.368-30.336-20.864-39.552a89.472 89.472 0 0 0-39.168-24.32 220.736 220.736 0 0 0-45.76-4.544z m-385.792 59.136c14.848 0.384 26.944 3.264 36.416 8.768a52.224 52.224 0 0 1 15.68 15.104l3.392 6.144 3.008 5.568a61.44 61.44 0 0 1 4.352 28.672c-0.832 10.048-3.968 26.24-9.408 48.448l-2.944 11.648-6.08 22.784c-11.072 40.576-19.968 68.032-26.752 82.368a109.568 109.568 0 0 1-18.624 27.648l-7.552 7.168-5.376 4.864c-7.36 6.336-15.744 11.52-25.216 15.808a92.288 92.288 0 0 1-41.28 9.344c-14.72 0-26.56-3.2-35.392-9.344a49.216 49.216 0 0 1-20.416-20.672c-5.696-8.896-7.872-20.48-6.592-34.816 0.64-9.856 3.648-25.856 9.024-48l2.88-11.584 6.08-22.784c11.072-40.576 20.16-68.224 27.2-82.88 6.4-14.016 14.912-25.408 25.472-34.24 8.96-8.512 19.52-15.616 31.808-21.248 12.096-5.504 25.536-8.384 40.32-8.768z m372.992 0c17.088-0.384 30.976 3.456 41.6 11.584a35.2 35.2 0 0 1 14.272 20.096c1.92 9.408 1.088 21.056-2.688 34.816-4.544 16.64-14.272 31.68-29.056 45.248-13.312 11.968-29.44 18.944-48.512 20.928l-9.728 0.64h-92.544l36.416-133.312h90.24z m-1633.152-35.84a16 16 0 0 1-4.352 22.272c-42.24 28.288-49.6 65.92-22.016 119.168a16 16 0 0 1-28.416 14.72c-34.688-67.072-23.872-122.688 32.64-160.512a16 16 0 0 1 22.144 4.416z"
                fill="#FF4F4F"
                p-id="10448"
              ></path>
            </svg>
          </li>
          <li>
            <h1>8</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>孟书宇</h2>
            <h3>已经参加竞赛3次</h3>
            <svg
              t="1650978428277"
              class="icon"
              viewBox="0 0 2752 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="11132"
              width="80"
              height="80"
            >
              <path
                d="M2368.32 0c70.72 0 130.304 23.936 174.272 71.744 45.248 49.28 61.824 111.232 49.088 179.584-1.28 6.72-2.752 13.248-4.48 19.712 79.104 55.04 130.368 165.248 124.096 281.216-7.936 146.112-105.6 268.928-226.624 274.944l-11.776 0.256-1750.336 0.512-3.776-2.56-152.832 126.08a102.4 102.4 0 0 1-132.672-2.112l-328.704-288.768A298.24 298.24 0 0 1 512 225.92a298.24 298.24 0 0 1 435.2 8.192h1129.6l1.408-8c11.52-62.208 46.976-116.032 103.424-160.128C2237.44 22.4 2300.352 0 2368.32 0zM234.24 276.16A170.24 170.24 0 0 0 128 433.856l0.448 12.48c3.2 45.12 24.576 87.424 60.608 118.08l312.32 274.368 320.64-264.192 15.104-11.904a170.24 170.24 0 0 0-233.344-247.488L512 409.536 420.224 315.2a170.24 170.24 0 0 0-186.048-39.04z m2138.88-207.36c-52.032 0-99.584 16.896-142.72 50.688-43.072 33.728-68.864 72.704-77.248 116.928-11.2 59.136 11.392 105.408 67.84 138.88-90.752 40.576-143.296 98.56-157.504 173.824-10.24 53.76 0.768 99.712 32.96 137.984 32.192 38.208 80.96 57.344 146.368 57.344s121.92-19.2 169.472-57.344c47.552-38.272 76.8-86.016 87.68-143.36 13.632-72.32-16.32-128.448-89.984-168.448 67.968-34.048 107.392-79.744 118.272-137.088 8.96-47.232-1.728-87.232-31.936-120.064-30.208-32.896-71.296-49.28-123.264-49.28zM1534.336 318.336a174.4 174.4 0 0 0-87.552 23.232c-26.112 14.848-46.784 31.872-62.016 50.88a156.8 156.8 0 0 0-24.64 39.36c-5.248 11.84-12.16 32.064-20.48 60.8l-3.712 12.8-9.728 35.136c-10.752 40.32-16.96 68.032-18.496 83.2a105.472 105.472 0 0 0-0.384 22.016c0.896 5.696 2.048 11.584 3.328 17.856 4.8 19.008 16.256 35.84 34.368 50.368 17.536 15.104 42.496 23.04 74.688 23.744a181.76 181.76 0 0 0 88.576-23.744 200.96 200.96 0 0 0 60.8-50.368c9.664-10.048 18.112-23.296 25.28-39.936 6.208-14.72 14.784-41.6 25.6-80.512l4.224-15.104 8.832-33.024c4.992-19.392 8.704-35.136 11.072-47.04l1.28-6.784 1.472-9.408c1.792-16.192 0.576-29.312-3.712-39.36-4.416-19.008-15.36-36.032-33.024-50.88-17.792-15.104-43.008-22.848-75.776-23.232z m-178.368 3.392h-288.64l-15.232 55.744h112.896l-97.536 356.864h62.848l97.536-356.864h112.896l15.232-55.744z m547.072 0h-149.44l-112.768 412.608h62.528l44.032-161.024h95.104c42.624-0.768 78.592-14.336 107.904-40.768 28.352-25.088 46.72-52.928 55.04-83.456 6.208-22.656 7.36-42.24 3.392-58.88-3.392-17.152-10.368-30.4-20.864-39.616a89.472 89.472 0 0 0-39.168-24.32 220.736 220.736 0 0 0-45.76-4.544z m406.208 85.888c42.112 0 75.328 13.696 99.712 41.216 24.32 27.456 33.088 59.392 26.176 95.872-7.36 38.784-27.904 71.68-61.696 98.56-33.792 26.88-73.344 40.32-118.72 40.32-45.44 0-79.808-12.544-103.04-37.632-23.36-25.088-31.36-56.96-24.064-95.424 7.296-38.528 28.8-72 64.64-100.352 35.84-28.416 74.88-42.56 116.992-42.56zM1517.312 380.8c14.848 0.384 26.944 3.328 36.416 8.768a52.224 52.224 0 0 1 15.68 15.168l3.392 6.08 3.008 5.632a61.44 61.44 0 0 1 4.352 28.608c-0.832 10.112-3.968 26.24-9.408 48.512l-2.944 11.584-6.08 22.848c-11.072 40.512-19.968 67.968-26.752 82.304a109.568 109.568 0 0 1-18.624 27.648l-7.552 7.168-5.376 4.928c-7.36 6.272-15.744 11.52-25.216 15.744a92.288 92.288 0 0 1-41.28 9.344c-14.72 0-26.56-3.136-35.392-9.344a49.216 49.216 0 0 1-20.416-20.672c-5.696-8.832-7.872-20.48-6.592-34.816 0.64-9.792 3.648-25.792 9.024-48l2.88-11.52 6.08-22.784c11.072-40.576 20.16-68.224 27.2-82.944 6.4-13.952 14.912-25.408 25.472-34.24 8.96-8.512 19.52-15.552 31.808-21.248 12.096-5.44 25.536-8.384 40.32-8.768z m372.992 0c17.088-0.384 30.976 3.52 41.6 11.584a35.2 35.2 0 0 1 14.272 20.096c1.92 9.472 1.088 21.12-2.688 34.816-4.544 16.64-14.272 31.744-29.056 45.312-13.312 11.968-29.44 18.944-48.512 20.928l-9.728 0.576h-92.544l36.416-133.312h90.24zM257.152 345.024a16 16 0 0 1-4.352 22.208c-42.24 28.288-49.6 65.92-22.016 119.168a16 16 0 1 1-28.416 14.72c-34.688-67.008-23.872-122.624 32.64-160.448a16 16 0 0 1 22.144 4.352z m2105.472-214.4c36.16 0 63.488 10.368 81.92 30.976 18.56 20.608 25.088 45.248 19.648 73.92-5.76 30.464-22.912 56.96-51.392 79.744-28.48 22.656-58.88 34.048-91.136 34.048-32.256 0-58.88-11.52-79.936-34.56-20.992-22.976-28.8-49.088-23.232-78.336 5.568-29.312 21.952-54.208 49.152-74.88a152.96 152.96 0 0 1 94.976-30.848z"
                fill="#FF4F4F"
                p-id="11133"
              ></path>
            </svg>
          </li>
          <li>
            <h1>9</h1>
            <img class="img1" src="../images/1.jpg" alt="" />
            <h2>孟书帆</h2>
            <h3>已经参加竞赛3次</h3>
            <svg
              t="1650978443854"
              class="icon"
              viewBox="0 0 2752 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="11879"
              width="80"
              height="80"
            >
              <path
                d="M2292.352 0c75.072 0 139.904 26.752 190.336 79.232a262.592 262.592 0 0 1 75.264 185.728c95.424 46.4 160.384 168.768 153.344 298.432-7.936 146.176-105.6 268.928-226.624 275.008l-11.776 0.192-229.504 0.064-2.56 3.84-6.016-3.84-1512.256 0.512-3.776-2.56-152.832 125.952a102.4 102.4 0 0 1-132.672-2.048l-328.704-288.768A298.24 298.24 0 0 1 512 237.056a298.24 298.24 0 0 1 435.2 8.192h1074.88a254.912 254.912 0 0 1 78.72-168.96C2152.96 25.728 2217.92 0 2292.352 0zM234.112 287.36A170.24 170.24 0 0 0 128 444.992l0.448 12.48c3.2 45.12 24.576 87.36 60.608 118.08l312.32 274.368 320.64-264.32 15.104-11.84a170.24 170.24 0 0 0-233.344-247.488L512 420.672 420.224 326.336a170.24 170.24 0 0 0-186.048-39.04zM2292.416 64c-57.984 0-106.88 19.392-146.944 58.24-40.064 38.848-60.032 86.912-60.032 144.256 0 57.344 18.048 104.96 54.208 142.912 36.096 37.952 80.768 56.896 133.952 56.896 17.28 0 34.624-2.112 51.968-6.272l-167.552 253.568 64.512 41.216L2420.48 458.24l11.52-17.728c18.304-29.12 32.64-56.512 43.136-82.176 12.544-30.72 18.816-61.376 18.816-91.84 0-55.552-19.136-103.168-57.344-142.912-38.272-39.68-86.336-59.584-144.256-59.584zM1534.4 329.408a174.4 174.4 0 0 0-87.552 23.232c-26.112 14.912-46.784 31.872-62.016 50.944a156.8 156.8 0 0 0-24.64 39.36c-5.248 11.776-12.16 32-20.48 60.8l-3.712 12.8-9.728 35.072c-10.752 40.32-16.96 68.096-18.496 83.2a105.472 105.472 0 0 0-0.384 22.016c0.896 5.696 2.048 11.648 3.328 17.92 4.8 19.008 16.256 35.84 34.368 50.304 17.536 15.104 42.496 23.04 74.688 23.808a181.76 181.76 0 0 0 88.576-23.808 200.96 200.96 0 0 0 60.8-50.368c9.664-9.984 18.112-23.296 25.28-39.872 6.208-14.784 14.784-41.6 25.6-80.512l4.224-15.168 8.832-32.96c4.992-19.456 8.704-35.2 11.072-47.104l1.28-6.72 1.472-9.408c1.792-16.256 0.576-29.376-3.712-39.36-4.416-19.072-15.36-36.032-33.024-50.944-17.792-15.104-43.008-22.848-75.776-23.232z m-178.368 3.392h-288.64l-15.232 55.744h112.896l-97.536 356.928h62.848l97.536-356.928h112.896l15.232-55.68z m547.072 0h-149.44l-112.768 412.672h62.528l44.032-161.088h95.104c42.624-0.704 78.592-14.336 107.904-40.704 28.352-25.088 46.72-52.928 55.04-83.52 6.208-22.656 7.36-42.24 3.392-58.88-3.392-17.152-10.368-30.336-20.864-39.616a89.472 89.472 0 0 0-39.168-24.32 220.736 220.736 0 0 0-45.76-4.48z m-385.792 59.2c14.848 0.32 26.944 3.264 36.416 8.768a52.224 52.224 0 0 1 15.68 15.104l3.392 6.08 3.008 5.632a61.44 61.44 0 0 1 4.352 28.608c-0.832 10.112-3.968 26.24-9.408 48.512l-2.944 11.648-6.08 22.784c-11.072 40.576-19.968 68.032-26.752 82.368a109.568 109.568 0 0 1-18.624 27.648l-7.552 7.168-5.376 4.864c-7.36 6.272-15.744 11.52-25.216 15.744a92.288 92.288 0 0 1-41.28 9.344c-14.72 0-26.56-3.072-35.392-9.344a49.216 49.216 0 0 1-20.416-20.608c-5.696-8.896-7.872-20.48-6.592-34.816 0.64-9.856 3.648-25.856 9.024-48l2.88-11.584 6.08-22.784c11.072-40.576 20.16-68.224 27.2-82.944 6.4-13.952 14.912-25.344 25.472-34.24 8.96-8.448 19.52-15.552 31.808-21.184 12.096-5.504 25.536-8.448 40.32-8.768z m372.992 0c17.088-0.384 30.976 3.456 41.6 11.52a35.2 35.2 0 0 1 14.272 20.16c1.92 9.408 1.088 21.056-2.688 34.816-4.544 16.64-14.272 31.68-29.056 45.248-13.312 11.968-29.44 18.944-48.512 20.928l-9.728 0.64h-92.544l36.416-133.312h90.24z m-1633.152-35.84a16 16 0 0 1-4.352 22.208c-42.24 28.288-49.6 65.92-22.016 119.232a16 16 0 1 1-28.416 14.72c-34.688-67.072-23.872-122.688 32.64-160.512a16 16 0 0 1 22.144 4.416z m2032.512-216.896c35.84 0 66.304 12.672 91.392 38.08 25.088 25.408 37.632 55.68 37.632 90.944 0 35.2-12.544 65.536-37.632 90.944a123.712 123.712 0 0 1-91.392 38.08c-35.84 0-66.304-12.544-91.392-37.632a124.416 124.416 0 0 1-37.632-91.392c0-35.84 12.544-66.304 37.632-91.392a124.416 124.416 0 0 1 91.392-37.632z"
                fill="#FF4F4F"
                p-id="11880"
              ></path>
            </svg>
          </li>
          <span>显示更多</span>
        </ul>
      </div>
      <div class="game">
        <div class="top1">
          <h1>往届竞赛回顾</h1>
          <h4>参加虚拟竞赛，为排位赛做好充足准备</h4>
          <h3>竞赛合作</h3>
          <svg
            t="1650860394364"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="9222"
            width="32"
            height="32"
          >
            <path
              d="M469.965 896.102c6.656-8.857 14.131-17.203 19.763-26.624 26.01-43.366 20.02-94.003-17.664-133.222-56.166-58.42-113.1-116.122-170.547-173.312-34.15-33.997-84.122-32.82-119.501 1.229-24.73 23.808-49.152 47.872-74.803 72.857-23.245-8.499-34.202-27.648-34.355-52.53-0.564-88.935-0.717-177.87 0.05-266.753 0.257-32.307 21.249-53.401 52.89-54.17 39.885-0.972 79.872-0.255 121.908-0.255-2.663 4.352-4.352 7.372-6.35 10.188-22.118 31.284-17.151 72.807 13.16 96.717 43.314 34.202 91.8 40.09 143.308 22.323 35.02-12.083 69.888-24.78 104.448-38.092 10.547-4.045 16.538-3.482 23.5 6.656 75.674 109.772 151.962 219.084 227.943 328.601 25.549 36.813 16.999 70.247-23.091 90.163-75.008 37.325-150.118 74.599-225.434 111.36-10.137 4.967-21.862 6.656-32.87 9.882-0.768-1.638-1.536-3.328-2.355-5.018z"
              fill="#007BFF"
              p-id="9223"
            ></path>
            <path
              d="M547.277 261.171c-51.149 23.86-100.762 46.49-149.914 70.144-29.389 14.183-56.985 9.216-83.865-5.171-18.79-10.035-21.504-26.47-6.042-41.216 19.046-18.176 38.86-36.045 60.416-50.995 42.957-29.747 86.784-58.368 131.38-85.658 55.96-34.201 110.796-21.606 164.812 7.117 50.586 26.88 101.632 52.89 152.32 79.462 22.118 11.572 45.517 13.927 70.144 13.466 46.387-0.87 65.946 19.098 65.997 65.075 0.051 82.688 0.102 165.427 0 248.115-0.051 45.364-19.303 64.461-64.717 64.512-23.654 0.052-47.309-0.665-70.86 0.256-11.982 0.461-19.047-3.225-26.01-13.363-77.005-112.179-154.676-223.949-232.141-335.82-3.533-4.967-7.168-9.882-11.52-15.924zM427.93 810.65c-3.943 14.13-6.452 28.876-12.135 42.29-9.677 22.99-34.355 30.465-54.528 15.924-60.723-43.776-121.139-88.115-180.94-133.12-23.86-17.971-25.447-48.18-5.428-71.424 9.267-10.803 19.303-21.043 29.696-30.822 20.173-18.944 50.33-18.176 69.99 1.69 44.545 44.8 88.884 89.855 133.428 134.706 11.161 11.213 19.558 23.501 19.917 40.756z"
              fill="#007BFF"
              p-id="9224"
            ></path>
            <path
              d="M862.515 292.864c0-15.309-0.819-30.413-2.048-45.414-15.206-1.536-29.9-5.12-44.032-12.544-50.739-26.573-101.785-52.583-152.32-79.463-54.016-28.723-108.851-41.37-164.813-7.117a2776.653 2776.653 0 0 0-131.379 85.658c-21.606 14.95-41.37 32.82-60.416 50.995-15.513 14.797-12.749 31.232 6.042 41.216 26.88 14.336 54.477 19.303 83.865 5.171 49.101-23.705 98.765-46.284 149.914-70.144 4.352 6.042 8.038 10.957 11.52 15.975 71.731 103.577 143.514 207.053 214.938 310.835 56.012-84.634 88.73-186.06 88.73-295.168zM274.637 635.136c-19.712-19.814-49.818-20.634-70.042-1.69-10.393 9.728-20.377 20.02-29.696 30.823-20.019 23.245-18.432 53.453 5.427 71.424 40.96 30.822 82.228 61.184 123.648 91.392 7.834 0.358 15.719 0.614 23.655 0.614 33.587 0 66.406-3.225 98.253-9.165 0.665-2.662 1.33-5.324 2.048-7.936-0.359-17.254-8.756-29.542-19.917-40.806-44.493-44.8-88.832-89.805-133.376-134.656z"
              fill="#007BFF"
              p-id="9225"
            ></path>
            <path
              d="M525.824 361.114c-7.014-10.138-12.954-10.701-23.5-6.656a3137.053 3137.053 0 0 1-104.449 38.092c-51.558 17.818-100.045 11.93-143.36-22.272-30.31-23.961-35.277-65.433-13.158-96.716 1.997-2.816 3.686-5.837 6.349-10.19-42.087 0-82.023-0.716-121.908 0.257-31.641 0.768-52.633 21.811-52.89 54.17-0.716 88.934-0.614 177.868-0.05 266.751 0.153 24.884 11.161 44.032 34.355 52.532 25.6-24.986 50.073-49.05 74.803-72.858 35.38-34.048 85.35-35.226 119.5-1.229 57.396 57.19 114.382 114.893 170.548 173.312 17.869 18.586 28.518 39.783 32.102 61.491 86.119-30.105 162.15-81.51 221.799-148.019-66.765-96.205-133.683-192.256-200.141-288.665z"
              fill="#007BFF"
              p-id="9226"
            ></path>
            <path
              d="M710.605 179.814c-15.514-8.09-31.079-16.128-46.541-24.37-54.016-28.724-108.851-41.37-164.813-7.118a2776.653 2776.653 0 0 0-131.379 85.658c-21.606 14.95-41.37 32.82-60.416 50.995-15.514 14.797-12.749 31.232 6.042 41.216 26.88 14.336 54.476 19.303 83.865 5.171 49.101-23.705 98.765-46.284 149.914-70.144 4.352 6.042 8.038 10.957 11.52 15.975l75.878 109.517c38.656-61.696 65.127-131.738 75.93-206.9z"
              fill="#007BFF"
              p-id="9227"
            ></path>
            <path
              d="M525.824 361.114c-7.014-10.138-12.954-10.701-23.5-6.656a3137.053 3137.053 0 0 1-104.449 38.092c-51.558 17.818-100.045 11.93-143.36-22.272-30.31-23.961-35.277-65.433-13.158-96.716 1.997-2.816 3.686-5.837 6.349-10.19-42.087 0-82.023-0.716-121.908 0.257-31.641 0.768-52.633 21.811-52.89 54.17-0.716 88.934-0.614 177.868-0.05 266.751 0.102 20.02 7.424 36.25 22.323 46.285 5.325 0.87 10.7 1.587 16.128 2.304 24.115-23.552 47.309-46.336 70.707-68.864 35.38-34.048 85.35-35.225 119.5-1.229 15.924 15.872 31.694 31.847 47.566 47.821 93.696-30.925 175.872-86.989 238.592-160.307-20.634-29.85-41.319-59.597-61.85-89.446z"
              fill="#007BFF"
              p-id="9228"
            ></path>
            <path
              d="M204.595 633.498c-1.331 1.228-2.56 2.56-3.891 3.788a538.945 538.945 0 0 0 68.506-6.81c-19.508-15.103-46.183-14.284-64.615 3.022z m83.661-242.688c-11.571-5.12-22.784-11.93-33.74-20.532-30.311-23.961-35.278-65.433-13.16-96.716 1.998-2.816 3.687-5.837 6.35-10.19-42.087 0-82.023-0.716-121.908 0.257-31.641 0.768-52.633 21.811-52.89 54.17-0.358 43.366-0.511 86.732-0.511 130.099 77.465-3.738 150.477-23.91 215.859-57.088z m246.477-258.1c-11.776 3.328-23.552 8.397-35.43 15.616a2776.653 2776.653 0 0 0-131.38 85.658c-21.606 14.95-41.37 32.82-60.416 50.995-15.513 14.797-12.749 31.232 6.042 41.216 18.534 9.882 37.478 15.36 57.037 13.107A537.702 537.702 0 0 0 534.733 132.71z"
              fill="#007BFF"
              p-id="9229"
            ></path>
          </svg>
        </div>
        <div class="random">
          <svg
            t="1650868351316"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="16371"
            width="30"
            height="30"
          >
            <path
              d="M752.89 356.741h57.565v97.06L957.44 283.095l-146.939-167.04v110.817h-57.559c-164.813 0-272.317 127.002-354.427 239.053-73.697 100.72-137.492 195.748-240.292 195.748H66.56v129.92h91.617c164.813 0 257.813-135.014 339.968-247.07 73.698-100.773 151.7-187.782 254.746-187.782z m-446.632 74.291l21.335-28.907c17.515-23.803 35.835-49.045 55.777-74.092-59.044-57.267-130.12-99.533-225.193-99.533H66.56v129.874s24.699-1.239 91.617 0c64.784 1.434 105.416 28.954 148.08 72.658zM810.5 666.665h-57.559c-62.766 0-125.42-36.373-170.312-84.629a929.229 929.229 0 0 1-13.557 18.463c-19.702 26.87-40.832 55.824-64.144 84.337 60.585 61.368 148.383 111.703 248.013 111.703h57.56v111.406L957.44 736.947 810.501 570.214v96.451z"
              p-id="16372"
              fill="#CC00FF"
            ></path>
          </svg>
        </div>
        <div class="top2">
          <h2>以往竞赛</h2>
          <i class="el-icon-question"></i>
          <h2>时长</h2>
        </div>
        <ul>
          <li>
            <div class="left">
              <h1>第 350 场竞赛</h1>
              <h2>2022-05-01，10:30</h2>
            </div>
            <img src="./images/10.png" alt="" />
            <h1 class="h1">1 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 153 场竞赛</h1>
              <h2>2022-04-28，9:00</h2>
            </div>
            <img src="./images/11.png" alt="" />
            <h1 class="h1">1 小时 00 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 120 场竞赛</h1>
              <h2>2022-04-24，12:30</h2>
            </div>
            <img src="./images/12.png" alt="" />
            <h1 class="h1">2 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 247 场竞赛</h1>
              <h2>2022-04-22，14:30</h2>
            </div>
            <img src="./images/13.png" alt="" />
            <h1 class="h1">3 小时 00 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 745 场竞赛</h1>
              <h2>2022-04-21，9:00</h2>
            </div>
            <img src="./images/14.png" alt="" />
            <h1 class="h1">4 小时 00 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 1854 场竞赛</h1>
              <h2>2022-04-17，10:30</h2>
            </div>
            <img src="./images/15.png" alt="" />
            <h1 class="h1">1 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 247 场竞赛</h1>
              <h2>2022-04-22，14:30</h2>
            </div>
            <img src="./images/16.png" alt="" />
            <h1 class="h1">3 小时 00 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 745 场竞赛</h1>
              <h2>2022-04-21，9:00</h2>
            </div>
            <img src="./images/17.png" alt="" />
            <h1 class="h1">4 小时 00 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 1854 场竞赛</h1>
              <h2>2022-04-17，10:30</h2>
            </div>
            <img src="./images/18.png" alt="" />
            <h1 class="h1">1 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 1854 场竞赛</h1>
              <h2>2022-04-17，10:30</h2>
            </div>
            <img src="./images/19.png" alt="" />
            <h1 class="h1">1 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 350 场竞赛</h1>
              <h2>2022-05-01，10:30</h2>
            </div>
            <img src="./images/10.png" alt="" />
            <h1 class="h1">1 小时 30 分</h1>
            <button><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 153 场竞赛</h1>
              <h2>2022-04-28，9:00</h2>
            </div>
            <img src="./images/11.png" alt="" />
            <h1 class="h1">1 小时 00 分</h1>
            <button class="btn"><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 120 场竞赛</h1>
              <h2>2022-04-24，12:30</h2>
            </div>
            <img src="./images/12.png" alt="" />
            <h1 class="h1">2 小时 30 分</h1>
            <button class="btn"><span>虚拟</span></button>
          </li>
          <li>
            <div class="left">
              <h1>第 247 场竞赛</h1>
              <h2>2022-04-22，14:30</h2>
            </div>
            <img src="./images/13.png" alt="" />
            <h1 class="h1">3 小时 00 分</h1>
            <button class="btn"><span>虚拟</span></button>
          </li>
        </ul>
      </div>
    </div>
    <div class="top">
      <div class="nav-wrapper">
        <div class="navbar w clearfix">
          <div class="nav">
            <a href="javascript:;">
              <img src="./images/2.jpg" alt="" />
            </a>
          </div>
          <div class="text">
            <a href="#" class="yangshi">免费赛</a>
            <a href="#">优质赛</a>
            <a href="javascript:;" class="hot1">
              <img src="./images/home-tag-hot.png" alt="" />
            </a>
            <a href="#">蓝桥杯</a>
            <a href="javascript:;" class="hot2">
              <img src="./images/home-tag-hot.png" alt="" />
            </a>
            <a href="#">问答库</a>
            <a href="#">论坛</a>
          </div>
          <div class="search-wrapper">
            <form class="search" action="#">
              <input class="search-inp" type="text" />
              <button class="search-btn">
                <img src="./images/search.png" alt="" />
              </button>
            </form>
          </div>
          <div class="login">
            <button class="denglu"><span>报名</span></button>
            <button class="zhuce"><span>咨询</span></button>
          </div>
        </div>
      </div>
      <div class="wenzi">
        <a href="#"
          >你报名的《蓝桥杯大赛培训班》已学至“2-2-8数据结构” 前往学习>></a
        >
      </div>
      <div class="header-wrapper">
        <div class="header w clearfix">
          <div class="javaee">
            <nav class="java">
              <div class="item">
                <a href="javascript:;">
                  JavaEE
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  前端与移动开发
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  云计算大数据
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  蓝桥杯大赛
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  微信小程序
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  计算机设计大赛
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  支付宝前端
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  华北五省
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  双体杯
                  <i class="el-icon-arrow-right"></i>
                </a>
              </div>
            </nav>
            <!-- 设置右拉框 -->
            <div class="javaee-list">
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">JDBC编程</a>
              <a href="javascript:;">DHTML编程</a>
              <a href="javascript:;">Java WEB编程</a>
              <a href="javascript:;">Android 编程</a>
              <a href="javascript:;">SVN应用</a>
              <a href="javascript:;">CVS应用</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
            </div>
          </div>
        </div>
        <div id="outer">
          <van-swipe :autoplay="2000" indicator-color="white">
            <van-swipe-item
              ><img class="image" src="./images/banner.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner1.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner2.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner3.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner4.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner5.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner6.jpg" alt=""
            /></van-swipe-item>
            <van-swipe-item
              ><img class="image" src="./images/banner7.jpg" alt=""
            /></van-swipe-item>
          </van-swipe>
          <div class="zhibo-wrapper">
            <h1>直播课</h1>
            <h2>实时直播，随时查看</h2>
            <div class="imgku">
              <a href="javascript:;">
                <h2>竞赛倒计时</h2>
                <van-count-down :time="time">
                  <template #default="timeData">
                    <span class="block">{{ timeData.hours }}</span>
                    <span class="colon">:</span>
                    <span class="block">{{ timeData.minutes }}</span>
                    <span class="colon">:</span>
                    <span class="block">{{ timeData.seconds }}</span>
                  </template>
                </van-count-down>
              </a>
            </div>
            <h3>实战React全栈+服务</h3>
            <img src="./images/myvideo-time.png" alt="" />
            <h4>2022-10-13 18:00:00</h4>
            <button class="baoming"><span>立即报名</span></button>
            <button class="kecheng"><span>往期课程</span></button>
          </div>
        </div>
      </div>
    </div>
    <div class="tool-wrapper">
      <ul class="tool">
        <li>
          <a href="javascript:;">竞赛秒杀</a>
        </li>
        <li>
          <a href="javascript:;">特色优选</a>
        </li>
        <li>
          <a href="javascript:;">讨论广场</a>
        </li>
        <li>
          <a href="javascript:;">为你推荐</a>
        </li>
        <li>
          <svg
            t="1651148412714"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="7073"
            width="25"
            height="25"
          >
            <path
              d="M515.530406 770.231319c4.366448 0 8.812713-0.267083 13.284561-0.800225 42.889833-5.14723 79.310324-35.124985 92.75452-76.437903 1.01205-3.093455-0.452301-6.40078-3.40761-7.760754-2.928702-1.359974-6.469342-0.186242-8.119935 2.586918-0.159636 0.267083-17.198707 27.79095-83.542718 36.752042-9.930163 1.333368-19.594267 2.02717-28.752858 2.02717-46.483684-0.026606-67.196425-17.548678-67.382667-17.709337-2.342348-2.080382-5.910617-2.133593-8.306176-0.106424-2.422166 2.02717-2.981914 5.547343-1.331321 8.241708C440.960037 749.82864 477.273081 770.231319 515.530406 770.231319zM872.252901 359.078145c-0.586354 0-1.118474 0.106424-1.677199 0.106424C831.705416 190.893678 683.175591 65.355497 505.09473 65.355497c-182.979428 0-334.916862 132.473127-368.595916 307.724547-32.745798 5.894244-57.665351 34.671661-57.665351 69.477374l0 139.300626c0 39.045271 31.309076 70.703295 69.965491 70.703295 21.804608 0 41.052998-10.29446 53.858652-26.110681 30.934546 81.82254 93.922113 147.803277 173.627433 182.610014 0.191358-0.415462 1.700735-3.348258 3.514033-5.685489 1.257643-1.620917 2.660596-2.952238 3.868097-2.952238 1.251503 0 2.396583 0.453325 3.381004 1.147126-18.450211-13.735839-85.086887-84.33271-99.516528-182.853561-6.336312-43.366693 26.143427-85.932138 63.975057-92.973508 60.727083-11.308557 121.134895-24.189935 181.861978-35.284621 38.603203-7.04137 64.987107-28.217668 81.120552-63.475683 3.780093-8.241708 9.238408-24.910343 11.741415-48.940642 0.665149-3.573385 3.593851-6.320962 7.348362-6.320962 2.503007 0 4.632507 1.280156 6.043646 3.120061l1.677199-1.039679c23.934109 34.751478 71.403237 111.695918 78.218456 192.827727 7.827269 92.76066 3.460822 156.289556-67.542302 221.285872-0.079818 0.079818-0.186242 0.186242-0.292666 0.267083-0.985444 1.066285-1.570775 2.453888-1.570775 3.973498 0 2.000564 1.065262 3.707438 2.609431 4.747117 0.585331 0.240477 1.171686 0.559748 1.757017 0.800225 0.478907 0.106424 0.931209 0.267083 1.411139 0.267083 0.479931 0 0.905626-0.159636 1.331321-0.267083 1.01205-0.533143 1.969864-1.147126 2.955308-1.680269 71.802326-39.552831 126.884852-105.615433 152.336524-185.066973 10.302647 15.308661 26.436092 26.323529 45.178969 30.163997-30.057573 136.713708-151.990646 222.272339-303.050084 235.261165-9.052167-22.456455-31.335682-38.405705-57.505715-38.405705-34.183544 0-61.898769 27.070542-61.898769 60.435441s27.714202 60.408835 61.898769 60.408835c27.554566 0 50.637284-17.709337 58.650795-42.032302 174.859493-14.21577 315.02993-118.150934 344.289324-279.640931 25.850761-10.80202 44.007283-36.165688 44.007283-65.769936L944.083879 430.42203C944.081833 391.029858 911.920342 359.078145 872.252901 359.078145zM807.744701 399.564231C762.140037 276.026614 643.960451 187.773617 504.935094 187.773617c-138.440026 0-256.192893 87.505983-302.224276 210.243375-2.289136-2.800789-4.978385-5.200442-7.614421-7.627724C221.160006 240.820788 349.882716 127.0977 505.09473 127.0977c154.467047 0 282.789645 112.602567 309.705668 261.131369C812.137755 391.803477 809.68796 395.537522 807.744701 399.564231zM376.292202 809.063743c-0.00307-0.001023-0.005117-0.002047-0.008186-0.00307C376.255363 809.125141 376.25434 809.133328 376.292202 809.063743z"
              p-id="7074"
              fill="#e6e6e6"
            ></path>
          </svg>
          <a href="javascript:;">客服</a>
        </li>
        <li>
          <svg
            t="1651132321985"
            class="icon"
            viewBox="0 0 1068 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="5788"
            width="22"
            height="22"
          >
            <path
              d="M713.728 0l125.929739 125.929739v62.953739l-125.929739 125.929739-204.621913-173.145043L650.774261 0h62.953739z m-267.575652 204.621913l204.621913 173.167304-346.290087 368.550957h-31.499131l-157.384347-125.929739v-62.953739l330.551652-352.834783zM84.101565 683.364174l141.668174 110.191304L21.147826 850.009043l62.953739-166.644869zM422.956522 747.653565c0-24.598261 20.034783-44.521739 44.365913-44.521739h556.833391c24.486957 0 44.365913 19.767652 44.365913 44.521739 0 24.576-20.034783 44.521739-44.365913 44.521739H467.322435c-24.486957 0-44.365913-19.767652-44.365913-44.521739z m-422.956522 222.608696a44.521739 44.521739 0 0 1 44.544-44.521739H1024a44.521739 44.521739 0 1 1 0 89.043478H44.521739a44.432696 44.432696 0 0 1-44.544-44.521739z"
              p-id="5789"
              fill="#e6e6e6"
            ></path>
          </svg>
          <a href="javascript:;">反馈</a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: 30 * 60 * 60 * 1000,
      imagebox: [
        { id: 0, idView: require("./images/4.png") },
        { id: 1, idView: require("./images/5.png") },
        { id: 2, idView: require("./images/6.png") },
        { id: 3, idView: require("./images/7.png") },
        { id: 4, idView: require("./images/8.png") },
        { id: 5, idView: require("./images/9.png") },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
.match {
  position: relative;
  width: 80%;
  margin: 0 auto;
  z-index: 0;
  .imagess {
    position: relative;
    top: -1.6em;
    left: -13em;
    width: 129%;
    height: 100%;
  }
  .insert {
    width: 20em;
    height: 25em;
    border-radius: 10px;
    position: absolute;
    top: 0em;
    left: 70em;
    background-color: white;
    text-align: left;
    list-style: none;
    padding: 0 1em;
    h1 {
      margin: -3em 0;
    }
    h2 {
      float: right;
      margin-top: -6.6em;
      margin-right: 0;
    }
    li {
      top: -0.6em;
      position: relative;
      height: 4em;
      border-bottom: 1px solid #bfbfbf;
      padding: 0 0.5em;
      img {
        position: absolute;
        top: 1em;
        width: 3em;
        height: 2em;
        float: left;
      }
      .img_1 {
        top: 0.6em;
        width: 3em;
        height: 3em;
      }
      .img_2 {
        left: 0.7em;
        top: 0.8em;
        width: 2.5em;
        height: 2.5em;
      }
      h3 {
        position: absolute;
        font-size: 14px;
        top: -3.8em;
        left: 3.8em;
      }
      h4 {
        float: right;
        position: absolute;
        top: -4.5em;
        right: 0.5em;
      }
    }
  }
  .content {
    position: relative;
    top: -8em;
    left: -5em;
    width: 101.5em;
    .con {
      color: white;
      .image1 {
        margin: -7.5em -15.5em;
        transform: scale(0.5);
        border-radius: 20px;
        float: left;
      }
      .center {
        width: 30em;
        position: absolute;
        top: -2em;
        left: 0.5em;
        z-index: 999;
        h2 {
          margin-bottom: -7.5em;
        }
        h1 {
          margin-left: -0.7em;
          font-size: 30px;
          margin-bottom: -4em;
        }
        .h3 {
          margin-left: 2.7em;
        }
        .cen {
          margin: -4em 6.5em;
          .el-icon-date {
            float: left;
            font-size: 20px;
          }
          h3 {
            position: relative;
            top: -5em;
            left: -2.5em;
          }
        }
        .bottom {
          margin: -8em -6.8em;
          .el-icon-time {
            float: left;
            font-size: 20px;
            margin-left: 8em;
          }
          h4 {
            position: absolute;
            top: 13.2em;
            left: 7.5em;
            font-size: 14px;
          }
          .van-count-down {
            font-size: 13px;
            color: white;
          }
        }
      }
    }
    .cons {
      position: relative;
      left: 60em;
      color: black;
      .image3 {
        margin-top: 2.5em;
        width: 32em;
        height: 20em;
        border-radius: 20px;
        margin-left: -111.1em;
      }
      .center {
        width: 30em;
        position: absolute;
        top: -2em;
        left: 0.5em;
        z-index: 999;
        h2 {
          margin-bottom: -7.5em;
        }
        h1 {
          margin-left: -0.7em;
          font-size: 30px;
          margin-bottom: -4em;
        }
        .h3 {
          margin-left: 2.7em;
        }
        .cen {
          margin: -5em 6.5em;
          .el-icon-date {
            float: left;
            font-size: 20px;
          }
          h3 {
            position: relative;
            top: -5em;
            left: -2.5em;
          }
        }
        .bottom {
          margin: -8em -6.8em;
          .el-icon-time {
            float: left;
            font-size: 20px;
            margin-left: 8em;
          }
          h4 {
            position: absolute;
            top: 12.3em;
            left: 7.5em;
            font-size: 14px;
          }
          .van-count-down {
            font-size: 13px;
            color: black;
          }
        }
      }
    }
    .image2 {
      position: absolute;
      left: 44.2em;
      top: 2.6em;
      transform: scale(0.7);
    }
  }
  .cont {
    position: relative;
    top: -11em;
    height: 90em;
    .left {
      width: 51em;
      float: left;
      .el-carousel {
        width: 82%;
        /deep/ .el-carousel__arrow i {
          position: absolute;
          margin: -0.5em;
        }
        /deep/ .el-carousel__indicators--outside {
          position: absolute;
          top: 0em;
          display: none;
        }
        img {
          width: 100%;
          height: 100%;
          border-radius: 20px;
        }
      }
      .bottom {
        position: relative;
        margin-top: 2em;
        .icon {
          float: left;
        }
        h1 {
          position: absolute;
          margin: -1.2em 2.2em;
          font-size: 37px;
          color: #dbdbdb;
        }
        .li_1 {
          position: absolute;
          margin: 2em 11.3em;
          list-style: none;
          img {
            transform: scale(0.5);
            border-radius: 50%;
            border: 15px solid #dbb11c;
          }
          .icon1 {
            position: absolute;
            margin: 13.5em -9em;
          }
          button {
            position: absolute;
            margin: 13.5em -12.5em;
            width: 6em;
            height: 2.5em;
            color: #dbb11c;
            border: none;
            border-radius: 5px;
            span {
              position: absolute;
              font-size: 16px;
              margin: -4.95em -1.6em;
            }
          }
        }
        .li_2 {
          position: absolute;
          margin: 12em 0;
          list-style: none;
          img {
            transform: scale(0.5);
            border-radius: 50%;
            border: 15px solid rgb(184, 184, 184);
          }
          button {
            position: absolute;
            margin: 13.5em -12.5em;
            width: 6em;
            height: 2.5em;
            color: #dbb11c;
            border: none;
            border-radius: 5px;
            span {
              position: absolute;
              font-size: 16px;
              margin: -4.95em -1.6em;
            }
          }
        }
        .li_3 {
          position: absolute;
          margin: 12em 23em;
          list-style: none;
          img {
            transform: scale(0.5);
            border-radius: 50%;
            border: 15px solid rgb(219, 136, 82);
          }
          button {
            position: absolute;
            margin: 13.5em -12.5em;
            width: 6em;
            height: 2.5em;
            color: #dbb11c;
            border: none;
            border-radius: 5px;
            span {
              position: absolute;
              font-size: 16px;
              margin: -4.95em -1.6em;
            }
          }
        }
      }
      .btm {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
        margin-top: 33em;
        width: 40em;
        height: 41em;
        border-radius: 15px;
        background-color: #36393f;
        color: white;
        padding: 1em;
        li {
          position: relative;
          height: 6em;
          border-bottom: 1px solid #bfbfbf;
          h1 {
            position: absolute;
            margin: -2.4em 1em;
            float: left;
          }
          .img1 {
            position: absolute;
            margin: 1.1em -15.5em;
            float: left;
            width: 3.5em;
            height: 3.5em;
            border-radius: 50%;
          }
          .img2 {
            position: absolute;
            margin: -2.4em -3em;
            float: left;
            transform: scale(0.4);
            border-radius: 50%;
          }
          h2 {
            position: absolute;
            margin: -3.9em 8em;
            font-size: 14px;
            color: #dbb11c;
          }
          h3 {
            position: absolute;
            color: #bfbfbf;
            margin: -2.3em 8em;
          }
          .icon {
            position: absolute;
            margin: 0 12em;
          }
        }
        span {
          position: absolute;
          margin-top: -3em;
          margin-left: -2em;
          color: #2c92f8;
          font-size: 16px;
        }
      }
    }

    .game {
      margin-left: 47em;
      width: 45.5em;
      height: 109.5em;
      background-color: #36393f;
      border-radius: 15px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
      color: white;
      .top1 {
        height: 10.2em;
        border-bottom: 1px solid #bfbfbf;
        h1 {
          position: absolute;
          margin: -1em 1em;
          font-size: 30px;
        }
        h4 {
          position: absolute;
          margin: 0.5em 2.7em;
          color: #bfbfbf;
        }
        .icon {
          position: absolute;
          margin: 3em 9em;
        }
        h3 {
          width: 10em;
          position: absolute;
          color: #007bff;
          font-size: 15px;
          margin: -1.8em 27em;
        }
      }
      .random {
        width: 3.5em;
        height: 3.5em;
        position: absolute;
        margin: -3.7em 37.5em;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        border-radius: 50%;
        .icon {
          position: absolute;
          margin: 0.55em -1.1em;
        }
      }
      .top2 {
        height: 3.5em;
        border-bottom: 1px solid #bfbfbf;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        h2 {
          float: left;
          margin: -3.7em 13.5em 0 -1em;
        }
        i {
          position: absolute;
          margin: 0.5em -16em;
          float: left;
          font-size: 20px;
        }
      }
      ul {
        position: relative;
        top: -9.5em;
        li {
          height: 10.7em;
          margin-bottom: -9.5em;
          border-bottom: 1px solid #bfbfbf;
          .left {
            position: absolute;
            left: -19em;
            float: left;
            h1 {
              font-size: 16px;
            }
            h2 {
              margin-top: -10.5em;
              margin-left: 0.5em;
              font-size: 13px;
              color: #bfbfbf;
            }
          }
          img {
            position: absolute;
            margin-top: 4.5em;
            left: 14em;
            float: left;
            width: 10em;
            height: 6em;
          }
          .h1 {
            position: relative;
            top: 0.4em;
            left: 6.5em;
            width: 12em;
            margin: 4em 10em;
            font-size: 16px;
            color: #bfbfbf;
          }
          button {
            position: relative;
            top: -18.5em;
            left: 15em;
            display: inline-block;
            width: 3.5em;
            height: 2em;
            border: none;
            border-radius: 5px;
            background-color: #cc00ff;
            span {
              width: 2em;
              position: absolute;
              top: -5.65em;
              left: 0.8em;
            }
          }
          .btn {
            margin-left: 4.2em;
          }
        }
      }
    }
  }
  .top {
    margin-top: 14em;
    width: 96%;
    height: 44em;
    border-radius: 15px;
    padding: 2em;
    background-color: #36393f;
    .nav-wrapper {
      height: 86px;
      border-bottom: 1px solid rgb(190, 190, 190);
      .navbar {
        line-height: 86px;
        position: relative;
        .nav {
          position: absolute;
          top: 13px;
          img {
            margin-left: -13em;
            margin-top: -15.5em;
            transform: scale(0.4);
          }
        }

        .text {
          font-size: 16px;
          position: absolute;
          left: 165px;
          font-size: 18px;
          .yangshi {
            color: #2158e6;
          }
          a {
            color: white;
            margin: auto 10px;
          }
          .hot1 {
            position: absolute;
            top: -16px;
            left: 110px;
          }
          .hot2 {
            position: absolute;
            top: -16px;
            left: 188px;
          }
        }
        .text a:hover {
          color: #2158e6;
        }
        .search-wrapper {
          position: absolute;
          left: 650px;
          float: left;
          .search-inp {
            position: absolute;
            top: 27px;
            width: 144px;
            height: 24px;
            outline: none;
            line-height: 28px;
            padding: 2px 44px 2px 17px;
            border: 1px solid rgb(185, 182, 182);
            border-right: none;
          }
          .search:hover .search-inp,
          .search:hover .search-btn {
            border-color: red;
          }
          .search-btn {
            position: absolute;
            width: 3em;
            height: 30px;
            top: 27px;
            left: 206px;
            border: 1px solid rgb(185, 182, 182);
            border-left: none;
            background-color: white;
            img {
              position: absolute;
              top: 5px;
              left: 4px;
            }
          }
        }
        .login {
          float: right;
          button {
            position: absolute;
            width: 4.5em;
            height: 2em;
            top: 27px;
            font-size: 15px;
            border: none;
            border-radius: 5%;
            border: 1px solid rgb(185, 182, 182);
          }
          .denglu {
            left: 922px;
            color: black;
            background-color: #f8f8fa;
            border: none;
            span {
              position: absolute;
              top: -1.8em;
              left: 1.2em;
            }
          }
          .zhuce {
            left: 990px;
            color: white;
            background-color: rgb(98, 127, 224);
            border: none;
            span {
              position: absolute;
              top: -1.8em;
              left: 1.2em;
            }
          }
        }
      }
    }
    .wenzi {
      position: relative;
      height: 60px;
      line-height: 60px;
      font-size: 17px;
      a {
        position: absolute;
        left: 270px;
        color: rgb(219, 160, 112);
      }
    }
    .header-wrapper {
      height: 387px;
      position: relative;
      .java {
        position: absolute;
        width: 199px;
        height: 357px;
        background-image: -moz-linear-gradient(
          90deg,
          rgb(108, 109, 104),
          rgb(85, 87, 87)
        );

        background-image: -webkit-linear-gradient(
          90deg,
          rgb(108, 109, 104),
          rgb(85, 87, 87)
        );

        background-image: linear-gradient(
          90deg,
          rgb(108, 109, 104),
          rgb(85, 87, 87)
        );
        opacity: 0.95;
        padding: 15px 0;
        font-size: 15px;
        .item {
          text-align: left;
          width: 199px;
          height: 40px;
          line-height: 40px;
          a {
            margin: 0 30px;
            color: white;
            i {
              position: relative;
              line-height: 40px;
              float: right;
              right: 1.5em;
            }
          }
        }
        .item:hover {
          background-color: rgb(44, 160, 196);
        }
      }
      .javaee-list {
        position: absolute;
        display: none;
        left: 199px;
        width: 628px;
        height: 346px;
        background-color: rgb(33, 3, 117);
        opacity: 0.8;
        z-index: 999;
        border-bottom-right-radius: 8px;
        a {
          float: left;
          color: white;
          font-size: 15px;
          display: block;
          width: 100px;
          height: 15px;
          margin: 22px 5px 10px 17px;
        }
      }
      .javaee:hover .javaee-list {
        display: block;
      }
    }
    #outer {
      margin-left: 16.6em;
      .image {
        width: 100%;
        height: 387px;
      }
      .my-swipe .van-swipe-item {
        color: #fff;
        font-size: 20px;
        text-align: center;
      }
      /deep/ .van-swipe__indicators {
        position: absolute;
        top: 30em;
        height: 1em;
        line-height: 1em;
      }
      /deep/ .van-swipe__indicator {
        width: 10px;
        height: 10px;
        margin-right: 10px;
      }
      .zhibo-wrapper {
        position: absolute;
        top: 20px;
        left: 855.5px;
        z-index: 9;
        width: 206px;
        height: 346px;
        background-color: white;
        h1 {
          font-size: 20px;
          color: rgb(2, 6, 245);
          text-align: center;
          margin-top: -55px;
        }
        h2 {
          position: absolute;
          top: -29px;
          left: 45px;
          font-size: 13px;
          color: black;
          text-align: center;
        }
        .imgku {
          position: absolute;
          top: 68px;
          width: 170px;
          height: 100px;
          left: 20px;
          background-image: url("./images/1.jpg");
          background-size: 100%;
          background-color: hsl(244, 69%, 46%);
          background-blend-mode: overlay;
          h2 {
            position: absolute;
            top: -50px;
            font-size: 14px;
            left: 50px;
            color: white;
          }
          .van-count-down {
            margin-top: 4.5em;
            .colon {
              display: inline-block;
              margin: 0 4px;
              color: #ee0a24;
            }
            .block {
              display: inline-block;
              width: 22px;
              color: #fff;
              font-size: 12px;
              text-align: center;
              background-color: #ee0a24;
            }
          }
        }
        h3 {
          position: absolute;
          top: 110px;
          left: 40px;
          color: black;
        }
        img {
          position: absolute;
          top: 212px;
          left: 34px;
        }
        h4 {
          position: absolute;
          top: 140px;
          left: 53px;
        }
        .baoming {
          position: absolute;
          top: 244px;
          left: 20px;
          width: 170px;
          height: 41px;
          border-radius: 20px;
          color: white;
          border: none;
          background-color: #2158e6;
          span {
            position: absolute;
            font-size: 14px;
            top: -60px;
            left: 58px;
          }
        }
        .kecheng {
          position: absolute;
          top: 294px;
          left: 20px;
          width: 170px;
          height: 41px;
          border-radius: 20px;
          color: white;
          border: none;
          background-color: rgb(194, 192, 192);
          span {
            position: absolute;
            font-size: 14px;
            top: -60px;
            left: 58px;
          }
        }
      }
    }
    /deep/ .el-container .el-main[data-v-1d9b105c] {
      line-height: initial;
    }
  }
  .tool-wrapper {
    position: fixed;
    top: 37em;
    right: 3.5em;
    .tool {
      width: 58px;
      height: 360px;
      background-color: #36393f;
      border-radius: 10px;
      padding: 0.5em 0;
      li {
        width: 32px;
        height: 40px;
        font-size: 16px;
        line-height: 20px;
        padding: 10px 14px;
        a {
          color: white;
        }
      }
    }
  }
}
</style>